<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>hello world</title>
  <script src="<%=basePath %>/OpenNiceTool/js/jquery.min.js" type="text/javascript"></script>
        <SCRIPT type="text/javascript">
            function clickButton()
            {    
                var url = 'ajaxRequest.action';
                var params = {
                        name:$('#name').attr('value')
                };
                
                // ajax  post 运用！
                jQuery.post(url, params, callbackFun, 'json');
            }
            function callbackFun(data)
            {
                alert(data.result);//对应HelloWorld类的message属性
                    //获取数据后渲染页面
            }
            
            
            
       function loadInfo(){
	  	   var params = {
                           modelName:$("#modelName").val(),
                           projectName:$("#projectName").val(),
                           space:$("#space").val(),
                           fourVersion:$("#fourVersion").val()               
                       }; //通过id获得输入值
			 $.ajax( {
			    url :"loadShowData.action",
			    type :"post",
			    //dataType :"json",
			    data :params,
			    contentType: "application/x-www-form-urlencoded; charset=utf-8",
			   // timeout :20000,// 设置请求超时时间（毫秒）。
			   // error : function() {},// 请求失败时调用函数。
			     success :function(data){
			     	$("#info").html(data);
			     }
			   });
	    };
	    
	    
	    
	    
	    
	    
	    function getFourVersion(){
               var params = {
                           modelName:$("#modelName").val(),
                           projectName:$("#projectName").val(),
                           space:$("#space").val()               
                       }; //通过id获得输入值
			 $.ajax( {
			    url :"loadThreeVersion.action",
			    type :"post",
			    dataType :"json",
			    data :params,
			    contentType: "application/x-www-form-urlencoded; charset=utf-8",
			   // timeout :20000,// 设置请求超时时间（毫秒）。
			   // error : function() {},// 请求失败时调用函数。
			     success :callbackFun
			   });
	    };
	    function callbackFun(data){
	    	/*data = (new Function("return (" + data + ")"))();*/
	    	var dataObj=eval("("+data+")");//转换为json对象
	    	$("#fourVersion").empty();
	        $.each(dataObj,function(i, n){
	  	         option=document.createElement("OPTION");
	  	         option.value=n;
	  	         option.text=n;
	  	         document.all.fourVersion.options.add(option);
	        });
	  	   };
    </SCRIPT>

  </head>
  
  <body>
    This is my JSP page. <br>
    
    
    <input id="name" type="text"/>
    <input type="button" value="ok" onclick="javascript:clickButton();"/>
  </body>
</html>
